<template>
  <div class="layouts-container" :style="[containerstyle]">
    <zheader />
    <zmenu />
    <zappmain />
  </div>
</template>

<script>
  export default {
    name: 'Layouts',

    data() {
      return {}
    },

    computed: {
      containerstyle() {
        return {
          'background-size': '100% 100%',
        }
      },
    },
    created() {
      this.$store.dispatch('setting/getUArea')
    },
    mounted() {},
    methods: {},
  }
</script>
<style lang="scss" scoped>
  .layouts-container {
    width: 100vw;
    height: 100vh;
  }
</style>
